<!--component html goes here -->
<div [@routerTransition]>
    <h1>店长管理</h1>
    <div class="row">
        <div class="col-md-12">
            <button data-toggle="modal" class="btn btn-primary pull-right btn-sm" (click)="createAgent()">
              <i class="fa fa-plus"></i>
              添加店长
              </button>
            <tabset>
                <tab heading="店长列表" customClass="'fade'">
                    <app-agent-confirmed-list #agentConfirmedList></app-agent-confirmed-list>
                </tab>
                <tab heading="待确认店长列表" customClass="'fade'">
                    <app-agent-noconfirmed-list #agentNoConfirmedList (confirmed)="getAgents()"></app-agent-noconfirmed-list>
                </tab>
            </tabset>
        </div>
    </div>
</div>

<agent-add #createAgentModal (modalSave)="refreshApplies()"></agent-add>